import React from 'react';
import TodoCreator from "./creator";
import ShowTodoList from "./list";
import TodoListFilters from "./filter";
import TodoListStats from "./listStats";

export default function TodoList() {

    return (<div className="border-bottom" style={{padding: '15px'}}>
        <h2>TodoList组件</h2>

        <TodoListStats/>
        <TodoListFilters/>
        <TodoCreator/>
        <React.Suspense fallback={<div>Loading...</div>}>
            <ShowTodoList/>
        </React.Suspense>
    </div>)
}

